<template>
  <div>
    <van-nav-bar
      title="关于我们"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <van-image
      width="100%"
      height="100%"
      class="img"
      src="https://www.itcast.cn/files/image/202002/20200214140453765.jpg"
      @click="showShare = true"
    />
    <van-share-sheet
      v-model="showShare"
      title="立即分享给好友"
      :options="options"
    />
    <div class="content">
      李天成是传智播客武汉校区研究中心的一名前端课程研发人员,前后端各类技术均有涉猎,前后研发了多个平台级项目产品,曾担任某大型软件企业的前端架构师,负责公司平台级应用开发工具的设计和架构,具有多年软件开发经验,先后参加多个大型管理系统开发,负责前端技术架构,公共业务组件封装。精通前端技术体系,熟练使用CSS3、ES6,TypeScript、Vue、React、Node.js、MySQL等前后端技术。擅长将工作经验融入教学实践,授课清晰,认真负责,热衷于传播实战开发技能,深受学员认可,是武汉黑马90期学生的男神。

    </div>
  </div>
</template>

<script>
export default {
  name: 'AboutUs',
  data () {
    return {
      showShare: false,
      options: [
        [
          { name: '微信', icon: 'wechat' },
          { name: '朋友圈', icon: 'wechat-moments' },
          { name: '微博', icon: 'weibo' },
          { name: 'QQ', icon: 'qq' }
        ],
        [
          { name: '复制链接', icon: 'link' },
          { name: '分享海报', icon: 'poster' },
          { name: '二维码', icon: 'qrcode' },
          { name: '小程序码', icon: 'weapp-qrcode' }
        ]
      ]
    }
  },
  methods: {
    onClickLeft () {
      this.$router.push('/user')
    },
    onSelect (option) {
      this.$toast(option.name)
      this.showShare = false
    }
  }
}
</script>

<style lang="less" scoped>
.content {
  padding: 20px 20px;
}
</style>
